<template>
  <div>
    <h2>App组件</h2>
    <!-- 3.使用组件(像使用html标签一样,使用组件)
     -->

    <!-- 将大驼峰的MyLeft，写成全小写格式，遇到大写字母，前面加一个中横线 -->
    <art-list></art-list>
    <MyLeft></MyLeft>
    <my-right></my-right>
  </div>
</template>

<script>
//1.导入组件
import MyLeft from "./components/Left.vue";
//@表示src文件夹
import MyRight from "@/components/Right.vue";

export default {
  //2.注册组件(就是注册一个html标签)
  components: {
    //键(HTML标签):值(导入的组件),可简写
    MyLeft,
    MyRight,
  },
};
</script>

<style>
</style>